<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../static/phone_common.css">
    <link rel="stylesheet" href="../static/Goodshomepage.css">

</head>
<body>
    <div id="box">
        <header>
            <div class="headtop">
                
                <div class="headtop1">
                    <div class="headtopImg">
                        <img src="../img/brand@2x.png" alt="">
                    </div>
                    <div class="headtopCaption ">
                        <div class="headtopCaptionTop">
                            <div class="headtopCaptionTopImg">
                                <img src="../img/brand@2x.png" alt="">
                                粥品香坊(大运村)
                            </div>
                        </div>
                        <div class="headtopCaptionContent">
                            蜂鸟专送/38分钟送达
                        </div>
                        <div class="headtopCaptionBottom">
                           
                                <img src="../img/decrease_1@2x.png" alt="">
                            
                            在线支付满28减5 , 满50减10
                        </div>
                    </div>
                </div>
                <div class="headerButton">5个 ></div>
            </div>
            <div class="headbottom">
                <img src="../img/bulletin@2x.png" alt="">
                <span class="headbottom2">粥品香坊其烹饪粥料的秘方源于中国千年古法,再融合现代制作工艺</span>
                <span class="headbottom3">></span>
            </div>
        </header>
        <section>
            <div class="sectionTop">
                    <span style="color: rgb(240,20,20);">商品</span>
                    <span>评价</span>
                    <span>商家</span>
            </div>
            <div class="sectionContent clearflow">
                <div class="sectionContentLeft">
                    <ul>
                        <li>
                            <span>热销榜</span>
                        </li>
                        <li>
                            <span>单人特色套餐</span>
                        </li>
                        <li>
                            <span>特色粥品</span>
                        </li>
                        <li>
                            <span>精选热菜</span>
                        </li>
                        <li>
                            <span>爽口凉菜</span>
                        </li>
                        <li>
                            <span>半成品</span>
                        </li>
                        <li>
                            <span>饭类</span>
                        </li>
                        <li>
                            <span>面类</span>
                        </li>
                        <li>
                            <span>饮料</span>
                        </li>
                        <li>
                            <span>饮料</span>
                        </li>
                        <li>
                            <span>饮料</span>
                        </li>
                        
                    </ul>
                </div>
                <div class="sectionContentRight">
                    <div class="sectionContentRight1">
                        <span class="srcSpan">单人特色套餐</span>
                        <div class="sectionContentRight1-1">
                            <div id="srcImg">
                                <img src="../img/star48_on@3x.png">
                            </div>
                            <div class="scr-content">
                                <p>皮蛋瘦肉粥配包子套餐</p>
                                <p>咸粥</p>
                                <p>月售1132份&nbsp;&nbsp;好评率100%</p>
                                <div class="price">
                                   <div class="price1">
                                    <p style="color: red;font-weight: 700;margin-right: .16rem;"><a style="font-size:.2rem;color: red;font-weight: normal;">￥</a>24</p>
                                    <p style="text-decoration: line-through;font-weight: 700;">￥28</p>
                                   </div>
                                    <div id="scr-content-button">
                                        <span class="span1">-</span>
                                        <input type="text" value="1">
                                        <span class="span2">+</span>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                    <div class="sectionContentRight1">
                        <span class="srcSpan">特色粥品</span>
                        <div class="sectionContentRight1-1">
                            <div id="srcImg">
                                <img src="../img/star48_on@3x.png">
                            </div>
                            <div class="scr-content">
                                <p>莲子核桃黑米粥</p>
                                <p>月售1132份&nbsp;&nbsp;好评率100%</p>
                                <div class="price">
                                   <div class="price1">
                                    <p style="color: red;font-weight: 700;margin-right: .16rem;"><a style="font-size:.2rem;color: red;font-weight: normal;">￥</a>10</p>
                                   </div>
                                    <div id="scr-content-button">
                                        <span class="span1">-</span>
                                        <input type="text" value="1">
                                        <span class="span2">+</span>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="sectionContentRight1-1">
                            <div id="srcImg">
                                <img src="../img/star48_on@3x.png">
                            </div>
                            <div class="scr-content">
                                <p>雪梨银耳百合粥</p>
                                <p>月售1132份&nbsp;&nbsp;好评率100%</p>
                                <div class="price">
                                   <div class="price1">
                                    <p style="color: red;font-weight: 700;margin-right: .16rem;"><a style="font-size:.2rem;color: red;font-weight: normal;">￥</a>10</p>
                                   </div>
                                    <div id="scr-content-button">
                                        <span class="span1">-</span>
                                        <input type="text" value="1">
                                        <span class="span2">+</span>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="sectionContentRight1-1">
                            <div id="srcImg">
                                <img src="../img/star48_on@3x.png">
                            </div>
                            <div class="scr-content">
                                <p>南瓜粥</p>
                                <p>月售1132份&nbsp;&nbsp;好评率100%</p>
                                <div class="price">
                                   <div class="price1">
                                    <p style="color: red;font-weight: 700;margin-right: .16rem;"><a style="font-size:.2rem;color: red;font-weight: normal;">￥</a>10</p>
                                   </div>
                                    <div id="scr-content-button">
                                        <span class="span1">-</span>
                                        <input type="text" value="1">
                                        <span class="span2">+</span>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="sectionContentRight1-1">
                            <div id="srcImg">
                                <img src="../img/star48_on@3x.png">
                            </div>
                            <div class="scr-content">
                                <p>南瓜粥</p>
                                <p>月售1132份&nbsp;&nbsp;好评率100%</p>
                                <div class="price">
                                   <div class="price1">
                                    <p style="color: red;font-weight: 700;margin-right: .16rem;"><a style="font-size:.2rem;color: red;font-weight: normal;">￥</a>10</p>
                                   </div>
                                    <div id="scr-content-button">
                                        <span class="span1">-</span>
                                        <input type="text" value="1">
                                        <span class="span2">+</span>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="sectionContentRight1-1">
                            <div id="srcImg">
                                <img src="../img/star48_on@3x.png">
                            </div>
                            <div class="scr-content">
                                <p>南瓜粥</p>
                                <p>月售1132份&nbsp;&nbsp;好评率100%</p>
                                <div class="price">
                                   <div class="price1">
                                    <p style="color: red;font-weight: 700;margin-right: .16rem;"><a style="font-size:.2rem;color: red;font-weight: normal;">￥</a>10</p>
                                   </div>
                                    <div id="scr-content-button">
                                        <span class="span1">-</span>
                                        <input type="text" value="1">
                                        <span class="span2">+</span>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="sectionContentRight1-1">
                            <div id="srcImg">
                                <img src="../img/star48_on@3x.png">
                            </div>
                            <div class="scr-content">
                                <p>南瓜粥</p>
                                <p>月售1132份&nbsp;&nbsp;好评率100%</p>
                                <div class="price">
                                   <div class="price1">
                                    <p style="color: red;font-weight: 700;margin-right: .16rem;"><a style="font-size:.2rem;color: red;font-weight: normal;">￥</a>10</p>
                                   </div>
                                    <div id="scr-content-button">
                                        <span class="span1">-</span>
                                        <input type="text" value="1">
                                        <span class="span2">+</span>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="cart">
                <div class="cartImg">
                    <!-- <img src="../img/cart.png" alt=""> -->
                </div>
            </div>
            <div class="cart1">
                ￥0
            </div>
            <div class="delivery">
                另外配送费￥3元
            </div>
           <div class="total">
            ￥20元起送
        </div>
        </footer>
    </div>
</body>
</html>